import React from "react";

export default class RefsAndDom extends React.Component {
  constructor() {
    super();
    this.myRef = React.createRef(); // Refs 是使用 React.createRef() 创建的，并通过 ref 属性附加到 React 元素
  }

  componentDidMount() {
    console.log(this.myRef.current);
    this.myRef.current.style.color = "red";
    // this.ref["helloRef"].current.style.color = "green"; // ————————16.0.0以上版本已经不支持
  }

  render() {
    return (
      <>
        <h1>非受控组件-Refs操作Dom</h1>
        <h2 ref={this.myRef}>hello</h2>
        {/*<h2 ref="helloRef">hello</h2>————————16.0.0以上版本已经不支持*/}
      </>
    );
  }
}
